<!DOCTYPE html>
<html lang="@@{website_lang}" dir="@@{website_dirLTR}">
<head>
	<meta charset="@@{website_charset}" />
	<title>Vertical Menu - @@{website_title}</title>	
	@@include('./src/components/_global/include-header.html')
</head>  

     
  <body class="page">
  
  
          
    @@include('./src/components/_global/include-loader.html')
    @@include('./src/components/_global/include-toggle-trigger.html')
    
    

  
    <div class="uix-wrapper">
    
        
		<!-- Navigation Start-->

		<nav class="uix-v-menu__container">

			   <div class="uix-v-menu__inner">
				   
					<ul class="uix-menu"> 
						<li class="multi-column current-menu-item is-active"><a href="index.html">Components</a>
							<ul class="sub-menu">


								<li>
									<span class="multi-column-title">Web Elements (Basic)</span>
									<ul class="sub-menu">
										<li><a href="helper-classes.html">Helper Classes</a></li>
										<li><a href="uix-grid.html">Uix Grid</a></li>
										<li><a href="bootstrap-grid.html">Bootstrap Grid</a></li>
										<li><a href="blended-grid-layout.html">Blended Grid</a></li>
                                        <li><a href="gallery-grid-layout.html">Gallery Grid</a></li>
										<li><a href="spacing.html">Spacing</a></li>
										<li><a href="material-container.html">Material Container</a></li>
										<li><a href="striking.html">Striking</a></li>
										<li><a href="button.html">Buttons</a></li>
										<li><a href="overlay.html">Overlay</a></li>
										<li><a href="video.html">Video</a></li>
										<li><a href="video-background.html">Video BG</a></li>
										<li><a href="heading.html">Heading</a></li>
										<li><a href="dividing-line.html">Dividing Line</a></li>
										<li><a href="responsive-images.html">Responsive Images</a></li>
                                        <li><a href="background-interaction.html">Background</a></li>
										<li><a href="parallax.html">Parallax</a></li>
										<li><a href="parallax2.html">Parallax 2</a></li>
										<li><a href="vertical-centering.html">Vertical Centering</a></li>
										<li><a href="equal-width-columns.html">Equal-width Columns</a></li>
										<li><a href="equal-height-columns.html">Equal-height Columns</a></li>
										<li><a href="align-wide-and-full-element.html">Align Wide/Full Element</a><span class="uix-bubble">new</span></li>
									</ul>

									<!-- .sub-menu  end -->
								</li>




								<li>
									<span class="multi-column-title">Web Elements (Part 1)</span>
									<ul class="sub-menu">
										<li><a href="navs.html">Navs</a></li>
										<li><a href="breadcrumbs.html">Breadcrumbs</a></li>
										<li><a href="lightbox.html">Lightbox</a></li>
										<li><a href="modal-dialog.html">Modal Dialog</a></li>
										<li><a href="modal-dialog-auto.html">Modal Dialog Auto-open</a></li>
										<li><a href="social-meida-icons.html">Social Media Icons</a></li>
										<li><a href="form.html">Form Elements</a></li>
										<li><a href="form2.html">Form Elements 2</a></li>
                                        <li><a href="form-layout.html">Form Layout</a></li>
										<li><a href="form-progress.html">Form Progress</a></li>
										<li><a href="counter.html">Counter</a></li>
										<li><a href="progress-bar.html">Progress Bar</a></li>
										<li><a href="progress-line.html">Progress Line</a></li>
										<li><a href="vertical-text.html">Vertical Text</a></li>
										<li><a href="circle-text.html">Circle Text</a></li>
										<li><a href="coach-mark.html">Coach Mark</a></li>
										<li><a href="separator-of-rule-with-text.html">Separator of Rule With Text</a></li>
										<li><a href="wave-background.html">Wave Background</a></li>
										<li><a href="shape-animation.html">Shape Animation</a></li>
										<li><a href="image-animation.html">Image Animation</a></li>
                                        <li><a href="svg-map.html">SVG Map</a></li>
                                        <li><a href="floating-side-element.html">Floating Side Element</a></li>
                                        <li><a href="infinite-scrolling-element.html">Infinite Scrolling Element</a><span class="uix-bubble">new</span></li>



									</ul>
									<!-- .sub-menu  end -->
								</li>


								<li>
									<span class="multi-column-title">Web Elements (Part 2)</span>
									<ul class="sub-menu">
										<li><a href="tooltip.html">Tooltip</a></li>
										<li><a href="ribbon.html">Ribbon</a></li>	
										<li><a href="footer-templates.html">Footer Templates</a></li>
										<li><a href="login-templates.html">Login Templates</a><span class="uix-bubble">new</span></li>
										<li><a href="pagination.html">Pagination</a></li>
										<li><a href="badges.html">Badges</a></li>
										<li><a href="mouse-animation-scroll.html">Mouse Animation Scroll</a></li>
										<li><a href="periodical-scroll.html">Periodical Scroll</a></li>	
										<li><a href="image-shapes.html">Image Shapes</a></li>
										<li><a href="rotating-elements.html">Rotating Elements</a></li>
										<li><a href="dotted-line.html">Dotted Line</a></li>
										<li><a href="flexslider.html">Flexslider</a></li>
										<li><a href="flexslider2.html">Flexslider Fullscreen</a></li>
										<li><a href="advanced-slider.html">Advanced Slider (Basic)</a></li>
										<li><a href="advanced-slider-brightness.html">Advanced Slider Brightness</a></li>
										<li><a href="advanced-slider-liquid.html">Advanced Slider Liquid</a></li>
										<li><a href="advanced-slider-liquid2.html">Advanced Slider Liquid 2</a></li>
										<li><a href="advanced-slider-liquid3.html">Advanced Slider Liquid 3</a></li>
										<li><a href="advanced-slider-parallax.html">Advanced Slider Parallax</a></li>
										<li><a href="hybrid-content-slider.html">Hybrid Content Slider</a><span class="uix-bubble">new</span></li>
                                        <li><a href="3D-explosive-particle-slider.html">3D Explosive Particle Slider</a></li>
                                        <li><a href="3D-shatter-slider.html">3D Shatter Slider</a></li>
                                        <li><a href="3D-liquid-scrollspy-slider.html">3D Liquid Scrollspy Slider</a><span class="uix-bubble">new</span></li>




									</ul>
									<!-- .sub-menu  end -->
								</li>



								<li>
									<span class="multi-column-title">Contents (Part 1)</span>
									<ul class="sub-menu">

										<li><a href="content-placeholder-animated.html">Content Placeholder Animated</a></li>
										<li><a href="list-posts.html">Posts List</a></li>
										<li><a href="fullwidth-column-to-edge.html">Full Width Column to Edge</a><span class="uix-bubble">new</span></li>
										<li><a href="list-side-by-side.html">Side by Side List</a></li>
										<li><a href="list-side-by-side-img.html">Side by Side List With Photo</a></li>
										<li><a href="list-bulleted.html">Bulleted List</a></li>
										<li><a href="list-brands.html">Brands List</a></li>
										<li><a href="list-maintain-aspect-ratio.html">Maintain Aspect Ratio List</a></li>
										<li><a href="single-post.html">Single Post</a></li>
										<li><a href="sidebar.html">Sidebar</a></li>
										<li><a href="contact.html">Contact Form With Map</a></li>
										<li><a href="features.html">Features</a></li>
										<li><a href="pricing.html">Pricing</a></li>
										<li><a href="testimonials.html">Testimonials</a></li>
										<li><a href="tabs.html">Tabs</a></li>
										<li><a href="accordion.html">Accordion</a></li>
										<li><a href="accordion-img.html">Accordion Background Images</a></li>
										<li><a href="gallery.html">Gallery Normal</a></li>
										<li><a href="gallery-filter.html">Gallery Filterable</a></li>
										<li><a href="gallery-masonry.html">Gallery Masonry</a></li>
										<li><a href="gallery-masonry-ajax.html">Gallery Masonry With Ajax</a><span class="uix-bubble">new</span></li>



									</ul>
									<!-- .sub-menu  end -->
								</li>

								<li>
									<span class="multi-column-title">Contents (Part 2)</span>
									<ul class="sub-menu">
										<li><a href="card.html">Cards</a></li>
										<li><a href="table-series.html">Table</a></li>
										<li><a href="table-sorter.html">Table Sorter</a></li>	
										<li><a href="timeline.html">Timeline</a></li>
										<li><a href="multi-items-carousel.html">Multiple Items Carousel</a></li>
										<li><a href="team-fullwidth.html">Team Fullwidth</a></li>
										<li><a href="team-grid.html">Team Grid</a></li>
										<li><a href="team-focus.html">Team Focus</a></li>
										<li><a href="circle-layout.html">Circle Layout</a></li>
										<li><a href="3D-carousel.html">3D Carousel</a></li>
										<li><a href="3D-gallery.html">3D Gallery (threejs)</a></li>


									</ul>
									<!-- .sub-menu  end -->
								</li>	


								<li>
									<span class="multi-column-title">Interaction (Part 1)</span>
									<ul class="sub-menu">
										<li><a href="sticky-elements.html">Sticky Elements</a></li>
										<li><a href="scroll-reveal.html">Scroll Reveal</a></li>
										<li><a href="scrollspy-animate.html">Scrollspy Animate</a><span class="uix-bubble">new</span></li>
										<li><a href="skew-on-scroll.html">Skew on Scroll</a><span class="uix-bubble">new</span></li>
										<li><a href="text-effect.html">Text Effect</a><span class="uix-bubble">new</span></li>
                                        <li><a href="smooth-scrolling-page.html">Smooth Scrolling Page</a></li>
										<li><a href="list-posts-with-ajax.html">Ajax Load Posts</a></li>
										<li><a href="list-posts-with-ajax2.html">Ajax Load Posts 2</a></li>
										<li><a href="list-posts-with-ajax-infinitescroll.html">Infinite Scroll Posts</a></li>
										<li><a href="show-more-less.html">Show More Less</a></li>
										<li><a href="mousewheel-interaction.html">Mousewheel Interaction</a></li>
										<li><a href="hover-delay-interaction.html">Hover Delay Interaction</a></li>
										<li><a href="dynamic-dropdown-list-json.html">Dynamic Drop Down List</a></li>
										<li><a href="one-page.html">Full Page/One Page</a></li>
										<li><a href="one-page2.html">Full Page/One Page 2</a></li>
                                        <li><a href="ajax-page-loader.html">Ajax Page Loader</a></li>
                                        <li><a href="ajax-push-content.html">Ajax Push Content</a></li>
										<li><a href="3D-background.html">3D Background</a></li>
										<li><a href="3D-background-three.html">3D Background 1 (threejs)</a></li>
										<li><a href="3D-background-three2.html">3D Background 2 (threejs)</a></li>
										<li><a href="3D-background-three3.html">3D Background 3 (threejs)</a></li>






									</ul>
									<!-- .sub-menu  end -->
								</li>



								<li>
									<span class="multi-column-title">Interaction (Part 2)</span>
									<ul class="sub-menu">
                                        <li><a href="3D-pages.html">3D Pages</a></li>
                                        <li><a href="3D-particle-effect.html">3D Particle Effect</a></li>
                                        <li><a href="3D-sphere-three.html">3D Sphere Rotation</a></li>
                                        <li><a href="3D-obj-anim-interaction.html">3D Object Anim Interaction</a></li>
                                        <li><a href="3D-image-transition.html">3D Image Transition (threejs)</a></li>
                                        <li><a href="3D-mouse-interaction.html">3D Mouse Interaction (threejs)</a></li>
                                        <li><a href="3D-mouse-interaction2.html">3D Mouse Interaction2 (threejs)</a></li>
                                        <li><a href="3D-model.html">3D Model</a></li>			
                                        <li><a href="3D-filmic-effects.html">3D Filmic Effects</a><span class="uix-bubble">new</span></li>				


									</ul>
									<!-- .sub-menu  end -->
								</li>					


							</ul>

						</li>
						<li><a href="#">Menu</a>
							<ul class="sub-menu">
								<li><a href="mega-menu.html">Mega Menu</a></li>
								<li><a href="mega-menu-rtl.html">Mega Menu(RTL)</a></li>
								<li><a href="dropdown-menu.html">Dropdown Menu</a></li>
								<li><a href="dropdown-menu2.html">Dropdown Menu 2(Multi-level)</a></li>
								<li><a href="vertical-menu.html" target="_blank">Vertical Menu</a></li>
								<li><a href="lava-lamp-style-menu.html">Lava-Lamp Style Menu</a><span class="uix-bubble">new</span></li>



							</ul>
							<!-- .sub-menu  end -->
						</li>

						<li><a href="typography.html">Typography</a>
							<ul class="sub-menu">
								<li><a href="typography.html">LTR</a></li>
								<li><a href="typography-rtl.html">RTL</a></li>
								<li><a href="typography-cn.html">中文</a></li>

							</ul>
						</li>


						<li><a href="sample-page-1.html">Sample Pages</a>
							<ul class="sub-menu">
								<li><a href="sample-page-1.html">Sample Page 1</a></li>
								<li><a href="sample-page-2.html">Sample Page 2</a></li>

							</ul>
						</li>



					</ul>


			   </div><!-- /.uix-v-menu__inner -->

		</nav>
		<!-- .uix-v-menu__container end -->
        
        
        
    </div>
    <!-- .uix-wrapper end -->
       
       
    @@include('./src/components/_global/include-footer.html')

